<template>
    <el-dialog type="primary" :visible.sync="dialoge2" width="60%" append-to-body>
      <el-form ref="form" :model="form">
        <el-form-item prop="configKey">
          <el-row>
            <el-col :span="24">
              <div class="grid-content bg-purple-dark">
                <el-form-item label="任务名称">
                  <el-input v-model="form.name" placeholder="请选择任务名称" style="width: 90%"></el-input>
                </el-form-item>
              </div><br>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="VS值来源">
                  <el-input v-model="form.name" placeholder="请选择VS值来源" style="width: 150px"></el-input>
                </el-form-item><br>
                <el-form-item label="温度段(最小)">
                  <el-input v-model="form.name" placeholder="请选择温度段(最小)" style="width: 150px"></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple-light">
                <el-form-item label="使用VS值类型">
                  <el-input v-model="form.name" placeholder="请选择使用VS值类型" style="width: 150px"></el-input>
                </el-form-item><br>
                <el-form-item label="温度段(最大)">
                  <el-input v-model="form.name" placeholder="请选择温度段(最大)" style="width: 150px"></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="温箱静置时间(分钟)">
                  <el-input v-model="form.name" placeholder="请选择温箱静置时间(分钟)" style="width: 150px"></el-input>
                </el-form-item><br>
                <el-form-item label="测试次数">
                  <el-input v-model="form.name" placeholder="请选择测试次数" style="width: 150px"></el-input>
                </el-form-item>
              </div><br>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="选择期待LAB值">
                  <el-input v-model="form.names" placeholder="请选择选择期待LAB值" style="width: 150px"></el-input>
                  <el-checkbox label="不绑定工单号" v-model="form.names"></el-checkbox>
                </el-form-item><br>
              </div>
            </el-col>
          </el-row><br>
          <el-row :gutter="24">
            <el-col :span="4">
              <el-form label-width="20px">
                <el-form-item label="B:">
                  <el-input size="mini" placeholder="最小L值" v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="W:">
                  <el-input size="mini" placeholder="最小L值"></el-input>
                </el-form-item>
                <el-form-item label="R:">
                  <el-input size="mini" placeholder="最小L值"></el-input>
                </el-form-item>
              </el-form>
            </el-col>
            <el-col :span="3">
              <el-form-item>
                <el-input size="mini" placeholder="最大L值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最大L值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最大L值"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="3">
              <el-form-item>
                <el-input size="mini" placeholder="最小A值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最小A值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最小A值"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="3">
              <el-form-item>
                <el-input size="mini" placeholder="最大A值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最大A值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最大A值"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="3">
              <el-form-item>
                <el-input size="mini" placeholder="最小B值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最小B值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最小B值"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="3">
              <el-form-item>
                <el-input size="mini" placeholder="最大B值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最大B值"></el-input>
              </el-form-item>
              <el-form-item>
                <el-input size="mini" placeholder="最大B值"></el-input>
              </el-form-item>
            </el-col>
          </el-row><br>
          <el-row :gutter="24">
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card"
                  :on-preview="handlePictureCardPreview" :on-remove="handleRemove">
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible">
                  <img width="100%" :src="dialogImageUrl" alt="">
                </el-dialog>
              </el-form-item>
            </el-col>
          </el-row>
          <div class="flex">
            <div class="w-20" style="font-size: 16px;font-weight: 600;">任务流程</div>
            <div
              style="vertical-align: middle;text-align: right;display: inline-block;width: 100%;border-top: 1px solid #ccc;margin-top:10px">
            </div>
          </div><br>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialoge2 = false">取 消</el-button>
        <el-button type="primary" @click="dialoge2 = false">确 定</el-button>
      </div>
    </el-dialog>
</template>
<script>

</script>